<template>
  <div id="app">
    <HeadNav></HeadNav>
    <div class="content">
        <LeftMenu></LeftMenu>
        <div class="right-content">
            <div class="conts">
                <router-view></router-view>
            </div>
        </div>
    </div>
  </div>
</template>
<script>
  import {mapGetters} from 'vuex'
  import HeadNav from './components/HeadNav.vue'
  import LeftMenu from './components/LeftMenu.vue'
  export default{
      components:{
          HeadNav,
          LeftMenu,
      }
  }
</script>
<style lang="scss">
  body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,
  input,legend,li,ol,p,pre,td,textarea,th,ul{
    margin:0;
    padding:0
  }

a{
  text-decoration:none;
  color:black;
}
.el-breadcrumb{
  height:30px;
}
.el-breadcrumb__item{
    font-size:16px;
    font-weight:bolder; 
}


@font-face {font-family: "iconfont";
  src: url('./font/iconfont.eot?t=1499772084720'); /* IE9*/
  src: url('./font/iconfont.eot?t=1499772084720#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./font/iconfont.woff?t=1499772084720') format('woff'), /* chrome, firefox */
  url('./font/iconfont.ttf?t=1499772084720') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('./font/iconfont.svg?t=1499772084720#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-people:before { content: "\e614"; }

.icon-pinglun:before { content: "\e610"; }

.icon-home:before { content: "\e617"; }

.icon-people1:before { content: "\e67d"; }

.icon-logout:before { content: "\e655"; }

.icon-fenlei:before { content: "\e60d"; }

.icon-download:before { content: "\e681"; }

.icon-xiugai:before { content: "\e606"; }

.conts{
    margin-top:60px;
    margin-left:190px;
    padding:20px;
}
</style>

